//#region 获取dom元素
const logoutA = document.querySelector('.logout a');
const initBtn = document.querySelector('.init ');
const topAList = document.querySelectorAll('.nav>li>a '); // 一级菜单
const subAList = document.querySelectorAll('.nav ul a '); // 二级菜单
//#endregion

//#region 点击 退出登录
logoutA.addEventListener('click', function () {
  // 1. 给标签绑定点击事件
  // 2. 弹出一个确认框
  // 3. 确定退出
  //   1. 删除本地存储中的`token`
  //   2. 跳转回登录页面

  if (confirm('您舍得退出吗？')) {
    localStorage.removeItem('token');
    location.href = 'login.html';
  }
});

//#endregion

//#region 初始化数据
initBtn.addEventListener('click', function () {
  //  console.log('%c'+123,"color:red;font-size:100px;background-image:linear-gradient(to right,#0094ff,pink)");
  // 要把token 携带过去！！！
  // token 存放在 请求头中！！！   （请求头 对象 键值对） Authorization
  // 普通的参数 都是放在 请求体 -  和当前业务相关联
  axios
    .get('/init/data')
    .then((result) => {
      console.log(result);
      if (result.data.code !== 0) {
        // 有错误
        toastr.error(result.data.message);
      } else {
        toastr.success(result.data.message);
      }
    });
});
//#endregion

//#region 给一级标题 a标签遍历绑定点击事件
topAList.forEach((aDom) => {
  aDom.addEventListener('click', function () {
    // console.log(this.innerText);
    // 紧挨着a标签的下一个元素 ul标签
    // console.log();
    // this 被点击的a标签
    // this.nextElementSibling   被点击的a标签的下一个元素 ul
    // classList.toggle 切换 class
    this.nextElementSibling.classList.toggle('show');
  });
});
//#endregion

//#region 给二级标题 a标签 遍历 绑定点击事件
subAList.forEach((aDom) =>
  aDom.addEventListener('click', function () {
    //   先找到以前添加过选中类的 a标签， 移除掉选中效果
    document.querySelector('.nav ul a.active').classList.remove("active");
    // 给当前被点击的a标签 添加  选中 效果 
    this.classList.add("active");
  })
);

//#endregion
